import React, { memo } from 'react'
import { Player } from 'video-react'
import "video-react/dist/video-react.css";
import TestWarrper from './style';
import { HeartOutlined, VerticalAlignBottomOutlined , ShareAltOutlined } from "@ant-design/icons";
const index = memo(() => {
  return (
    <TestWarrper>
      <Player>
      <source src="http://vodkgeyttp8.vod.126.net/cloudmusic/obj/core/8048914876/8b6623cb2ebccbf66c1e052d33d67bd9.mp4?wsSecret=1b621c2201fbaa85944045cebefdba0f&wsTime=1668606893" />
      </Player>
      <div className="info">
        <h4>一样的月光</h4>
        <p>演唱：<span className='singger'>徐佳莹</span>&nbsp;&nbsp;743.55万次观看&nbsp;&nbsp;发布时间：2010-11-01</p>
        <div className="btns">
          <span><HeartOutlined className='ic' />收藏</span>
          <span><VerticalAlignBottomOutlined className='ic' />下载</span>
          <span><ShareAltOutlined className='ic' />分享</span>
        </div>
      </div>
    </TestWarrper>
  )
})

export default index